
/* App Server
==================================================================================== */

/* Global
------------------------------------------------------------------------------------ */

.app-server a {
	color: #A3B618;
}

/* Layout
------------------------------------------------------------------------------------ */

/* Main */

.app-server .container {
	width: 97%;
}

.app-server header .container {
	width: 100%;
}

/* Header */

.app-server header {
	background: url(/images/textures/server.gif) #3e4d59 repeat-x top;
}

.app-server .menu {
	background: #C5CC7E; /* old browsers */
	background: -moz-linear-gradient(top, #3e4d59 0%, #3e4d59 9%, #C5CC7E 10%, #C5CC7E 11%, #B7BB66 13%, #AFB752 14%, #BFC74D 50%, #9FAD00 50%, #A9B604 55%, #A9B604 58%, #A7B404 78%, #B6CC12 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C5CC7E), color-stop(3%,#C5CC7E), color-stop(4%,#B7BB66), color-stop(10%,#AFB752), color-stop(50%,#BFC74D), color-stop(50%,#9FAD00), color-stop(55%,#A9B604), color-stop(58%,#A9B604), color-stop(78%,#A7B404), color-stop(100%,#B6CC12)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C5CC7E', endColorstr='#B6CC12',GradientType=0 ); /* ie */
	-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2) inset;
}

.app-server .logo h1 {
	color: white;
	font-size: 3em;
	font-weight: bold;
	background: url(http://panel.elserver.com/img/encabezado/isologo.gif);
	width: 348px;
	height: 83px;
}

.app-server .logo h1 span {
	display: none;
}

/* Menu */

.app-server .menu ul.tabs {
	overflow: auto;
}

.app-server .menu ul.tabs li {
	float: left;
}

 .app-server .menu ul.tabs li a {
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	padding: 0.5em 3em 0.4em;
	text-shadow: 0 0 4px rgba(0,0,0,0.8);
	border-top: 1px solid transparent;
	-moz-box-shadow: 1px 3px 0 rgba(0, 0, 0, 0.2);
}

.app-server .menu ul.tabs li a:hover {
	text-shadow: 0 0 4px rgba(0,0,0,1);
}

.app-server .menu ul.tabs li a.active {
	background: #FFF;
	color: #3e4c59;
	text-shadow: none;
	border-color: white;
	-moz-border-radius: 5px 5px 0 0;
	margin-bottom: -10px;
 }
 
.app-server .submenu ul.tabs li a {
	padding: 1em 1.5em 0.6em;
} 

/* Submenu */

.app-server .submenu { 
	background: #ffffff; /* old browsers */
	background: -moz-linear-gradient(top, #ffffff 43%, #e5e5e5 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(43%,#ffffff), color-stop(100%,#e5e5e5)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* ie */
}

.app-server .submenu a {
	color: #3e4d59;
	text-transform: capitalize;
	text-shadow: 1px 1px 0px white;
}

/* General List
------------------------------------------------------------------------------------ */

.app-server ul.list {
	background: white;
}

/* Header row */

.app-server ul.list li.th {
	font-weight: bold;
	-moz-border-radius: 5px 0 0 0;
}

/* Header cell */

.app-server ul.list li.th p {
	border-bottom: 1px solid #b5d10d;
	padding: 0.5em 1em;
	background: #CDE60F; /* old browsers */
	background: -moz-linear-gradient(top, #CDE60F 0%, #B6CC12 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CDE60F), color-stop(100%,#B6CC12)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CDE60F', endColorstr='#B6CC12',GradientType=0 ); /* ie */
}

.app-server ul.list li.th:first-child {
	-moz-border-radius: 5px 0 0 0;
}

.app-server ul.list li.th p:first-child {
	border-left: 1px solid #b5d10d;
	border-top: none;
}

.app-server ul.list li.th p:last-child {
	border-right: 1px solid #b5d10d;
}

.app-server ul.list li p {
	border-bottom: 1px solid #e6eeae;
	padding: 1em;
}

/* Cell links */

.app-server ul.list li.td p a {
	display: block;
	color: #222;
}

.app-server ul.list li.td:hover {
	background: #ebf59d;
}

.app-server ul.list li.td p .actions a {
	display: inline-block;
	color: #A3B618;
}

.app-server .browse ul.list li p:last-child {
	text-align: right;
	padding-right: 1em;
}

/* Legend */
 
.app-server .legend {
	color: white;
	background: #3E4D59; /* old browsers */
	background: -moz-linear-gradient(top, #3E4D59 0%, #313C46 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3E4D59), color-stop(100%,#313C46)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3E4D59', endColorstr='#313C46',GradientType=0 ); /* ie */
	-moz-border-radius: 15px 0 0 0;
	border: 1px solid #78838b;
}

.app-server .legend h3 {
	font-size: 13px;
	font-weight: bold;
	padding: 0.5em 1em;
	letter-spacing: normal;
}

/* Itemid */

.app-server .itemid {
	background: -moz-linear-gradient(top, #bfbfbf 0%, #dddddd 100%); /* firefox */
	border-bottom: 1px solid #c5c7c7;
	padding: 0.4em 1em;
}

/* Submits */

.app-server .submits {
	background: -moz-linear-gradient(top, #FFF 0%, #e9e8e9 100%); /* firefox */
	padding: 1em;
	border-bottom: 1px solid #c5c7c7;
	border-left: 1px solid #c5c7c7;
	border-right: 1px solid #c5c7c7;
	-moz-border-radius: 0 0 5px 5px;
}

/* Sections: Edit
------------------------------------------------------------------------------------ */

.app-server.edit ul.list {
	width: 500px;
}

/* Edit List */

	/* Cell */

	.app-server .edit ul.list li p:first-child {
		border-left: 1px solid #c5c7c7;
	}

	.app-server .edit ul.list li p:last-child {
		border-right: 1px solid #c5c7c7;
	}

	